import { Icon } from 'antd';
import React from 'react';
import styles from './index.less';

export default {
    UserName: {
        props: {
            size: 'large',
            id: 'userName',
            prefix: <Icon type="user" className={styles.prefixIcon} />,
            placeholder: 'admin'
        },
        rules: [
            {
                required: true,
                message: 'Please enter username!'
            }
        ]
    },
    Password: {
        props: {
            size: 'large',
            prefix: <Icon type="lock" className={styles.prefixIcon} />,
            type: 'password',
            id: 'password',
            placeholder: '888888'
        },
        rules: [
            {
                required: true,
                message: 'Please enter password!'
            }
        ]
    },
    Mobile: {
        props: {
            size: 'large',
            prefix: <Icon type="mobile" className={styles.prefixIcon} />,
            placeholder: 'mobile number'
        },
        rules: [
            {
                required: true,
                message: 'Please enter mobile number!'
            },
            {
                pattern: /^1\d{10}$/,
                message: 'Wrong mobile number format!'
            }
        ]
    },
    Captcha: {
        props: {
            size: 'large',
            prefix: <Icon type="mail" className={styles.prefixIcon} />,
            placeholder: 'captcha'
        },
        rules: [
            {
                required: true,
                message: 'Please enter Captcha!'
            }
        ]
    },
    PictureCaptcha: {
        props: {
            size: 'large',
            prefix: <Icon type="safety-certificate" className={styles.prefixIcon} />,
            placeholder: 'picture captcha'
        },
        rules: [
            {
                required: true,
                message: 'Please enter Picture Captcha!'
            }
        ]
    }
};
